﻿/*
Theme Name: Brains Meet Grains
Theme URI: http://brainsmeetgrains.com/bmgtheme
Description: The custom theme for the cooking site Brains Meet Grains
Author: Thomas J. Parikka
Author URI: http://brtainsmeetgrains.com/
Version: 1.0
Tags: MBG, brains, grains, cooking, nerds
.
Copyright 2011 Thomas J. Parikka. All rights reserved.
 
*/

/* HTML Elements */

body {
	font-family:Georgia,serif;
	background-color:#FF5300;
}

/* DIV Elements */

div#featured-entry {
	text-align:left;
}

/* Class Elements */

.center {
	margin:0 auto;
}

.wrapper {
	width:768px;
}

.leftcolumn {
	width:50px;
	float:left;
	background-color:#0000FF
}

.main {
	clear:both;
	margin-top:20px;
	text-align:left;
	border-left:1px dashed #000000;
	border-right:1px dashed #000000;
	border-top:1px dashed #000000;
	border-bottom:1px dashed #000000;
	background-color:#FFFFFF;
}

.header {
	height:100px;
	clear:both;
}

.content {
	clear:both;
}

.footer {
	clear:both;
}

.rightcolumn {
	width:50px;
	float:left;
	background-color:#0000FF
}

.buttonstart {
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	width:120px;
	height:80px;
	text-align:center;
	vertical-align:text-bottom;
	float:left;	
}

.buttonstart:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#A63600');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#A63600)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #FF7E40); /* for firefox 3.6+ */ 
}

.buttonnext {
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	width:120px;
	height:80px;
	text-align:center;
	vertical-align:text-bottom;
	float:left;
}

.buttonnext:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FF7E40');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#A63600)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #A63600); /* for firefox 3.6+ */ 
}

.image {
	position: relative;
	width: 100%;
}

